@import '../../../core/index.less';

.orin-s-modelsmanage-root {
    padding: 0;
    margin: 0;
    .header-wrapper {
        .headerWrapperClass();
    }
    .search-wrapper {
        padding: 0 20/@remScale;
        display: flex;
        justify-content: space-between;
        .search-left {
            display: flex;
            .work-input {
                width: 280/@remScale;
                height: 40/@remScale;
                margin-right: 12/@remScale;
            }
            .identity-input {
                height: 40/@remScale;
                margin-right: 12/@remScale;
                width: 180/@remScale;
            }
        }
        .search-right {
            .add-btn {
                width: auto;
                padding: 0 12/@remScale;
                height: 35/@remScale;
                border-radius: 4/@remScale;
                background: @light-blue-color;
                .btnLightenHover(@light-blue-color);
            }
        }

    }
    .content-data-wrapper {
        padding: 0 20/@remScale;
        .content-header-title {
            background: @pinkish-grey;
            display: flex;
            height: 50/@remScale;
            align-items: center;
            .title {
                color: @black-three;
                font-size: 14/@remScale;
            }
        }
        .users-wrapper-pc {
            .user-item-wrapper {
                display: flex;
                padding: 16/@remScale 0/@remScale;
                border-bottom: 1/@remScale solid #eeeeee;
            }
        }
        .content-number, .content-name, .content-cover, .content-size, .content-count, .content-type, .content-more-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            .text {
                color: #666666;
                font-size: 14/@remScale;
                word-break: break-all;
                margin-bottom: 6/@remScale;
            }

        }
        .content-number {
            flex: 0 0 @selectWidth;
        }
        .content-name {
            flex: 1;
        }
        .content-cover {
            flex: 0 0 200/@remScale;
            @media (max-width: 1300px) {
                flex: 0 0  170/@remScale;
            }
            .cover {
                width: 173/@remScale;
                height: 130/@remScale;
                position: relative;
                @media (max-width: 1300px) {
                    width: 150/@remScale;
                    height: 111/@remScale;
                }
                .cover-image {
                    width: 100%;
                    height: 100%;
                    @media (max-width: 1300px) {
                        width: 100%;
                        height: 100%;
                    }
                    object-fit: cover;
                }
            }
        }
        .content-size {
            flex: 1;
        }
        .content-count {
            flex: 1;
        }
        .content-type {
            flex: 1;
        }
        .content-more-btn {
            flex: 2.5;
            .select-button {
                //width: 43/@remScale;/
                padding: 0 6/@remScale;
                height: 24/@remScale;
                line-height: 24/@remScale;
                text-align: center;
                font-size: 12/@remScale;
                color: #bbb;
                cursor: pointer;
                border: 1/@remScale solid #bbb;
                border-radius: 4/@remScale;
                margin-right: 5/@remScale;
                &:last-child {
                    margin-right: 0;
                }
                &:hover {
                    border-color: @light-blue-color;
                    color: @light-blue-color;
                }
            }
        }
    }

}